﻿{include file="public/head" /}
<body>
<header>
    <div class="header_box0"></div>
    <div class="header_box1">
        <div class="header_box">
            <div class="top1"><p style="width:470px;">免费咨询热线 020-22100026</p></div>
            <a href="{$Think.config.url}"><img src="/web_static/www/picture/logo2.png" class="top2"></a>
            <nav>
                {volist name="nav_lists" id="vo"}
                <a href="{$vo.url}" title="{$vo.alt_title}" {if condition="($vo.follow == 2)"}rel="nofollow"{/if}>{$vo.title}</a>
                {/volist}
                <!--<a href="index.html" style="margin-left:30px;">首&nbsp;&nbsp;页</a>-->
                <!--<a href="https://www.kcyaofang.com/goods-547.html" style="width:70px;">在线购买</a>-->
            </nav>
        </div>
    </div>
</header>
<style>
    .L3_2 .swiper-slide{ margin-top: 10px; margin-left: 40px;}
    .swiper-button-next{ width: 65px; height: 65px; background: url('/web_static/www/images/right.png'); right: 100px;}
    .swiper-button-prev{ width: 65px; height: 65px; background: url('/web_static/www/images/left.png'); left: 100px;}
    .swiper-pagination-bullet-active{ width: 15px; height: 15px;}
    .swiper-pagination-bullet{ width: 15px; height: 15px; }
</style>
<section>
    <div class="swiper-container swiper1">
        <div class="swiper-wrapper">
            {volist name="banner_lists" id="vo"}
            {if condition="($vo.type == 1)"}
            <div class="swiper-slide"><div class="banner1" style="background:url({$vo.image}) no-repeat center top"></div></div>
            {else /}
            <div class="swiper-slide"><a href="{$vo.link}"><div class="banner1" style="background:url({$vo.image}) no-repeat center top"></div></a></div>
            {/if}
            {/volist}
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <script>
        var swiper = new Swiper('.swiper1', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            autoplay:2500,        //自动滑动
            autoplayDisableOnInteraction : false,
            effect : 'fade',
            fade: {
                crossFade: false,
            }
        });

        $('.header_box1').mouseover(function(){ $('.header_box0').css('opacity','0.7'); });
        $('.header_box1').mouseout(function(){ $('.header_box0').css('opacity','0.5'); });
    </script>
    <div class="L1">
        <div class="L1_box">
            <h3>健康讲座 <i style="font-size:25px; font-weight:bold;">|</i> Health lecture</h3>
            <div class="ti"><hr color="#fff2b9"><p>&nbsp;&nbsp;//////////////////////////////&nbsp;&nbsp; <a href="products/11/11.html" style="color:#fff2b9;">点击了解更多曹清华牌薏辛除湿止痛胶囊内容>></a>&nbsp;&nbsp;//////////////////////////////&nbsp;&nbsp;</p><hr color="#fff2b9"></div>
            <div class="ti2">
                {volist name="case_lists" id="vo"}
                <a href="{$Think.config.url}{$vo.column_name}/{$vo.seo_name_en}.html" title="{$vo.title}-{$web_seo.seo_title}" target="_blank"><span{eq name="i" value="4"} style="margin-right:0px;"{/eq}><img src="{$vo.image}"><div class="ljie"></div></span></a>
                {/volist}
                <!--<a href="https://www.kcyaofang.com/caoqinghua/index.html" target="_blank"><span><img src="/web_static/www/picture/cao_c_03.jpg"><div class="ljie"></div></span></a>-->
                <!--<a href="https://www.kcyaofang.com/leifengshi/index.html" target="_blank"><span><img src="/web_static/www/picture/cao_c_05.jpg"><div class="ljie"></div></span></a>-->
                <!--<a href="https://www.kcyaofang.com/jingzhuibing/index.html" target="_blank"><span><img src="/web_static/www/picture/cao_c_07.jpg"><div class="ljie"></div></span></a>-->
                <!--<a href="https://www.kcyaofang.com/yaozhuipan/index.html" target="_blank"><span style="margin-right:0px;"><img src="/web_static/www/picture/cao_c_09.jpg"><div class="ljie"></div></span></a>-->
            </div>
        </div>
    </div>
    <div class="L2">
        <div class="L2_box">
            <h3>产品中心 <i style="font-size:25px; font-weight:bold;">|</i> product center</h3>
            <div class="ti"><hr color="#300d00"><p style="color:#300d00;">&nbsp;&nbsp;//////////////////////////////&nbsp;&nbsp; <a href="products/11/11.html">点击了解更多曹清华牌薏辛除湿止痛胶囊内容>></a>&nbsp;&nbsp;//////////////////////////////&nbsp;&nbsp;</p><hr color="#300d00"></div>
            <video id="video" src="/web_static/www/images/cao_shi1.mp4" width="587" height="329" controls>
            </video>
            <div class="ti3">
                <p style="margin-left:0px; font-size:17px;">曹清华牌薏辛除湿止痛胶囊开阻除痹，十一味地道纯中药组方</p>
                <div style=" position:relative;">
                    <img src="/web_static/www/picture/w1.jpg" id="img1" style="display:block">
                    <img src="/web_static/www/picture/w2.jpg" id="img2" style="display:none;">
                    <img src="/web_static/www/picture/w3.jpg" id="img3" style="display:none;">
                    <a href="products/11/11.html" id="ddd"><div style="position: absolute; top: 195px; left: 330px; width: 130px; height: 30px;"></div></a>
                    <div class="dd"><span id="i1"></span><span id="i2"></span><span id="i3"></span></div>
                </div>
                <script>
                    $('.dd span').click(function(){
                        $(this).css('background-color','#ccc');
                        $(this).siblings().css('background-color','#fff');
                    });
                    $('#i1').click(function(){
                        $('#img1').fadeIn(500);
                        $('#img1').siblings().css('display','none');
                        $('.dd').css('display','block');
                        $('#ddd').css('display','block');
                    });
                    $('#i2').click(function(){
                        $('#img2').fadeIn(500);
                        $('#img2').siblings().css('display','none');
                        $('.dd').css('display','block');
                        $('#ddd').css('display','block');
                    });
                    $('#i3').click(function(){
                        $('#img3').fadeIn(500);
                        $('#img3').siblings().css('display','none');
                        $('.dd').css('display','block');
                        $('#ddd').css('display','block');
                    });
                </script>
            </div>
        </div>
    </div>
    <div class="L3">
        <div class="L3_1">
            <div class="L3_1_box">
                <h3>销售现场 <i style="font-size:25px; font-weight:bold;">|</i> sales scene</h3>
                <div class="ti"><hr color="#fff2b9"><p>&nbsp;&nbsp;//////////////////////////////&nbsp;&nbsp; <a href="products/11/11.html" style="color:#fff2b9;">点击了解更多曹清华牌薏辛除湿止痛胶囊内容>></a>&nbsp;&nbsp;//////////////////////////////&nbsp;&nbsp;</p><hr color="#fff2b9"></div>
            </div>
        </div>
        <div class="L3_2">
            <!--  <div class="L3_2_box">
                <img src="picture/caohh_01.jpg">
                <img src="picture/caohh_02.jpg">
                <img src="picture/caohh_03.jpg">
                <img src="picture/caohh_04.jpg" height="">
              </div>  -->
            <div class="swiper-container swiper2" style="width: 1200px;">
                <div class="swiper-wrapper" style="width: 1200px;">
                    <!--<div class="swiper-slide" ><img src="/web_static/www/picture/caohh_01.jpg" width="330px" height="264px" class="swimg"></div>-->
                    {volist name="$product_lists" id="vo"}
                    <div class="swiper-slide" ><img src="{$vo.image}" class="swimg" style="width: 340px;height: 264px;"></div>
                    {/volist}
                    <div class="swiper-slide" ><img src="/web_static/www/picture/caohh_03.jpg" class="swimg"></div>
                    <div class="swiper-slide" ><img src="/web_static/www/picture/caohh_04.jpg" class="swimg"></div>
                    <div class="swiper-slide" ><img src="/web_static/www/picture/caohh_05.jpg" class="swimg"></div>
                    <div class="swiper-slide" ><img src="/web_static/www/picture/caohh_06.jpg" class="swimg"></div>
                    <div class="swiper-slide" ><img src="/web_static/www/picture/caohh_07.jpg" class="swimg"></div>
                    <div class="swiper-slide" ><img src="/web_static/www/picture/caohh_08.jpg" class="swimg"></div>
                    <div class="swiper-slide" ><img src="/web_static/www/picture/caohh_09.jpg" class="swimg"></div>
                    <div class="swiper-slide" ><img src="/web_static/www/picture/caohh_10.jpg" class="swimg"></div>
                    <div class="swiper-slide" ><img src="/web_static/www/picture/caohh_11.jpg" class="swimg"></div>
                    <div class="swiper-slide" ><img src="/web_static/www/picture/caohh_12.jpg" class="swimg"></div>
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
            <!-- Initialize Swiper -->
            <script>
                var swiper = new Swiper('.swiper2', {
                    slidesPerView: 4,
                    nextButton: '.swiper-button-next',
                    prevButton: '.swiper-button-prev',
                    loop: true,
                    paginationClickable: true,
                    calculateWidth:false,
                    spaceBetween: 10,
                    speed:1000,
                    autoplayDisableOnInteraction : false,
                    autoplay:1500,
                    freeMode: true
                });
                var shareBtn = document.getElementById("share-button");
                var bless = document.getElementById("bless-word");

                shareBtn.addEventListener("click",function(){
                    var blessWord = bless.value;
                    var url = "index2.html?word=" + blessWord;
                    shareBtn.setAttribute("href",url);
                },false);
            </script>
        </div>
    </div>
    <div class="L4" style="display:none">
        <div class="L4_box">
            <h3>服务中心 <i style="font-size:25px; font-weight:bold;">|</i> service centre</h3>
            <div class="ti"><hr color="#2d2d2d"><p style="color:#2d2d2d;">&nbsp;&nbsp;//////////////////////////////&nbsp;&nbsp; <a href="products/11/11.html">点击了解更多曹清华牌薏辛除湿止痛胶囊内容>></a>&nbsp;&nbsp;//////////////////////////////&nbsp;&nbsp;</p><hr color="#2d2d2d"></div>
            <div class="yishi">
               <span>
                 <div class="yishi1">
                 <img src="/web_static/www/picture/cao_yaoshi1.jpg" class="yaoimg">
                 <div class="cao_xin"></div>
                 </div>
                 <div class="yishi2">
                 <div><h3>巢斌艳</h3><img src="/web_static/www/picture/cao-24.png"></div>
                 <p style="margin-top:70px;">职称：执业中药师/营养师</p>
                 <p style="margin-top:-10px;">资质编号：ZZ00361267</p>
                 <p class="shi_t1" style="width:70px; margin-top:10px;">解答全面</p>
                 <p class="shi_t2" style="width:160px; margin-top:-5px;">丰富的临床和用药经验</p>
                 <p class="shi_t3" style="width:100px; margin-top:-5px;">专业知识扎实</p>
                     <a href="http://q.url.cn/s/wT0b5Vm" target="_blank"><div class="shi_t4"><img src="picture/cao_30.jpg" style="margin:0px; margin-top:5px; margin-left:30px;"><div style="margin-top:10px; margin-left:80px; width:70px;">咨询药师</div></div></a>
                 </div>
               </span>
                <span>
                 <div class="yishi1">
                 <img src="/web_static/www/picture/cao_yaoshi2.jpg" class="yaoimg">
                 <div class="cao_xin"></div>
                 </div>
                 <div class="yishi2">
                 <div><h3>朱小芳</h3><img src="/web_static/www/picture/cao-24.png"></div>
                 <p style="margin-top:70px;">职称：执业中/西药师/营养师</p>
                 <p style="margin-top:-10px;">资质编号：ZY00315831</p>
                 <p class="shi_t1" style="width:70px; margin-top:10px;">知识渊博</p>
                 <p class="shi_t2" style="width:160px; margin-top:-5px;">解答详细 认真耐心</p>
                 <p class="shi_t3" style="width:140px; margin-top:-5px; padding:2px 20px;">健康专家 擅长中药</p>
                     <a href="http://q.url.cn/s/wT0b5Vm" target="_blank"><div class="shi_t4"><img src="/web_static/www/picture/cao_30.jpg" style="margin:0px; margin-top:5px; margin-left:30px;"><div style="margin-top:10px; margin-left:80px; width:70px;">咨询药师</div></div></a>
                 </div>
               </span>
            </div>
        </div>
    </div>
    <div class="ce">
        <a href="https://www.kcyaofang.com/goods-547.html"><div class="ce_div" style="position: relative; width: 118px; height: 108px; left: -30px;"><img src="/web_static/www/picture/cao_icon_top.gif"></div></a>
        <div class="ce_div"><img src="/web_static/www/picture/ce_icon_01.png" id="qq">
            <div class="ce_qq"><img src="/web_static/www/picture/ce_qq.png">
                <a href="http://q.url.cn/s/uEYcDKm?_type=wpa" target="_blank"><div class="qqqq1"></div></a>
                <a href="http://q.url.cn/s/uEYcDKm?_type=wpa" target="_blank"><div class="qqqq2"></div></a>
            </div>
        </div>
        <div class="ce_div"><img src="/web_static/www/picture/ce_icon_02.png" id="wx"><div class="ce_wx"><img src="/web_static/www/picture/ce_wx.png"></div></div>
        <div class="ce_div"><img src="/web_static/www/picture/ce_icon_03.png" id="tel"><div class="ce_tel"><img src="/web_static/www/picture/ce_tel.png"></div></div>
        <a href="http://q.url.cn/s/wT0b5Vm" target="_blank"><div class="ce_div"><img src="/web_static/www/picture/ce_icon_04.png" id="zx"></div></a>
        <a href="javascript:scroll(0,0)"><div class="ce_div"><img src="/web_static/www/picture/ce_icon_05.png" id="top"></div></a>
    </div>
    <script>
        /*$('.ce_wx').click(function(){
            $('.ce_wx2').toggle();
        });*/
        $('#qq').mouseover(function(){$(this).attr("src","/web_static/www/images/ce_icon2_01.png"); $('.ce_qq').show();});
        $('#qq').mouseout(function(){$(this).attr("src","/web_static/www/images/ce_icon_01.png"); $('.ce_qq').hide();});
        $('.ce_qq').mouseover(function(){$(this).show(); $('#qq').attr("src","/web_static/www/images/ce_icon2_01.png");});
        $('.ce_qq').mouseout(function(){ $(this).hide(); $('#qq').attr("src","images/ce_icon_01.png");});
        //$('#qq').click(function(){$('.ce_qq').toggle();});

        $('#wx').mouseover(function(){$(this).attr("src","/web_static/www/images/ce_icon2_02.png"); $('.ce_wx').show();});
        $('#wx').mouseout(function(){$(this).attr("src","/web_static/www/images/ce_icon_02.png"); $('.ce_wx').hide();});
        $('.ce_wx').mouseover(function(){$(this).show(); $('#wx').attr("src","/web_static/www/images/ce_icon2_02.png"); });
        $('.ce_wx').mouseout(function(){ $(this).hide(); $('#wx').attr("src","/web_static/www/images/ce_icon_02.png"); });


        $('#tel').mouseover(function(){$(this).attr("src","/web_static/www/images/ce_icon2_03.png"); $('.ce_tel').show();});
        $('#tel').mouseout(function(){$(this).attr("src","/web_static/www/images/ce_icon_03.png"); $('.ce_tel').hide();});
        $('.ce_tel').mouseover(function(){$(this).show(); $('#tel').attr("src","/web_static/www/images/ce_icon2_03.png");});
        $('.ce_tel').mouseout(function(){$(this).hide(); $('#tel').attr("src","/web_static/www/images/ce_icon_03.png");});

        $('#zx').mouseover(function(){$(this).attr("src","/web_static/www/images/ce_icon2_04.png")});
        $('#zx').mouseout(function(){$(this).attr("src","/web_static/www/images/ce_icon_04.png")});

        $('#top').click(function(){ var speed=200; $('body,html').animate({ scrollTop:0 },speed); return false;})
    </script>
</section>
<footer>
    <div class="foo1">
        <p style="padding-top:30px;">友情链接：
            {volist name="friendly_link" id="vo"}
            <a href="{$vo.link}" target="_blank">{$vo.title}</a>
            {/volist}
        <div style="border-right:#FFF thin solid; margin-left:300px;">
            <img src="/web_static/www/picture/ico1.jpg">
            <p>免费咨询热线</p>
            <p style="font-size:28px; letter-spacing:2px; margin-top:-5px;">020-22100026</p>
        </div>
        <div>
            <img src="/web_static/www/picture/ico2.jpg">
            <p>服务时间</p>
            <p style="font-size:28px; letter-spacing:2px; margin-top:-5px;">8:30-21:00</p>
        </div>
    </div>
    <div class="foo2"></div>
    <div class="foo3">
        <span><img src="/web_static/www/picture/cao_c_44.jpg"><p style="margin-left:8px;">曹清华官方微信号</p></span>
        <span><img src="/web_static/www/picture/cao_c_46.jpg"><p>康朝药房网官方微信号</p></span>
        <div class="uu">
            <ul>
                <li style="margin-top:0px; font-size:17px;">使用帮助</li>
                <a href="https://www.kcyaofang.com/help.php?id=16" target="_blank"><li>用户协议</li></a>
                <a href="https://www.kcyaofang.com/help.php?id=17" target="_blank"><li>常见问题</li></a>
                <a href="https://www.kcyaofang.com/help.php?id=45" target="_blank"><li>新手指南</li></a>
                <a href="https://www.kcyaofang.com/help.php?id=69" target="_blank"><li>购物流程</li></a>
            </ul>
            <ul>
                <li style="margin-top:0px; font-size:17px;">支付方式</li>
                <a href="https://www.kcyaofang.com/help.php?id=47" target="_blank"><li>银行转账</li></a>
                <a href="https://www.kcyaofang.com/help.php?id=76" target="_blank"><li>网上付款</li></a>
                <a href="https://www.kcyaofang.com/help.php?id=77" target="_blank"><li>货到付款</li></a>
            </ul>
            <ul>
                <li style="margin-top:0px; font-size:17px;">配送方式</li>
                <a href="https://www.kcyaofang.com/help.php?id=67" target="_blank"><li>运费说明</li></a>
                <a href="https://www.kcyaofang.com/help.php?id=68" target="_blank"><li>配送说明</li></a>
                <a href="https://www.kcyaofang.com/help.php?id=183" target="_blank"><li>物流查询</li></a>
            </ul>
            <ul>
                <li style="margin-top:0px; font-size:17px;">售后服务</li>
                <a href="https://www.kcyaofang.com/help.php?id=42" target="_blank"><li>退款流程</li></a>
                <a href="https://www.kcyaofang.com/help.php?id=73" target="_blank"><li>用药指导</li></a>
                <a href="https://www.kcyaofang.com/help.php?id=75" target="_blank"><li>退换货政策</li></a>
                <a href="https://www.kcyaofang.com/help.php?id=154" target="_blank"><li>售后保障</li></a>
            </ul>
            <ul>
                <li style="margin-top:0px; font-size:17px;">特色服务</li>
                <a href="https://www.kcyaofang.com/help.php?id=43" target="_blank"><li>免责声明</li></a>
                <a href="https://www.kcyaofang.com/help.php?id=71" target="_blank"><li>用药指导</li></a>
                <a href="https://www.kcyaofang.com/help.php?id=71" target="_blank"><li>健康顾问</li></a>
                <a href="https://www.kcyaofang.com/help.php?id=72" target="_blank"><li>投诉建议</li></a>
            </ul>
        </div>
    </div>
    <div class="foo4">
        <div class="foo4_1">
           <span>
              <img src="/web_static/www/picture/ico3.jpg">
             <p>官方直供</p>
             <p>厂家直销</p>
           </span>
            <span>
              <img src="/web_static/www/picture/ico4.jpg">
             <p>健康顾问</p>
             <p>用药全程指导</p>
           </span>
            <span>
              <img src="/web_static/www/picture/ico5.jpg">
             <p>货到付款</p>
             <p>厂货到付款 购物无忧</p>
           </span>
            <span>
              <img src="/web_static/www/picture/ico6.jpg">
             <p>特色服务体验</p>
             <p>为您呈现不一样的服务</p>
           </span>
            <span>
              <img src="/web_static/www/picture/ico7.jpg">
             <p>帮助中心</p>
             <p>您的购物指南</p>
           </span>
        </div>
        <div class="foo4_2">
            <p><a href="https://www.kcyaofang.com/article.php?id=5" target="_blank" style="color:#FFF;">关于我们</a> | <a href="http://www.caoqinghua.cn/contact-us/5.html" target="_blank" style="color:#FFF;">联系我们</a> | <a href="https://www.kcyaofang.com/help.php" style="color:#FFF;" target="_blank">帮助中心</a> | <a href="https://www.kcyaofang.com/article-160.html" target="_blank" style="color:#FFF">互联网药品信息服务资格证：（粤）—非经营性—2013—0134</a></p>
            <p>版权所有：Copyright广州康朝药业有限公司	联系电话：020-22100026 粤ICP备13029490号 </p>
        </div>
        <div class="foo4_3">
            <a href="https://v.pinpaibao.com.cn/cert/site/?site=www.caoqinghua.cn&at=realname" target="_blank"><img src="/web_static/www/picture/foot_e.jpg" style="margin-left:400px;" width="82px" height="30px"></a>
            <a href="http://www.12377.cn/" target="_blank"><img src="/web_static/www/picture/cao_c_53.jpg"></a>
            <a href="http://www.gdnet110.gov.cn/" target="_blank"><img src="/web_static/www/picture/cao_c_55.jpg"></a>
            <a href="http://www.miitbeian.gov.cn/" target="_blank"><img src="/web_static/www/picture/cao_c_57.jpg"></a>
            <!--<img src="picture/cao_c_59.jpg">-->
        </div>
        <div style="width:300px;margin:0 auto; padding:0px 0;">
             <img src="/web_static/www/picture/gongan.png">
             <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44010602002346" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="" style="float:left;"><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">粤公网安备 44010602002346号</p></a>
        </div>
    </div>
</footer>
</body>
</html>